body {
	padding: 0;	
	margin: 0;	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#3E3E3E;
	line-height:20px;
	background:#fff;
	
}
#nonviet{
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) center repeat-y;
}
#nonviet_top{
	width: 100%;
	height: 100%;
	background: url(../images/bg_top.jpg) top center no-repeat fixed;
}
#nonviet_bottom{
	width: 100%;
	height: 100%;
	background: url(../images/bg_bottom.jpg) bottom center no-repeat;
}
#container{
width:834px;
}
a{
text-decoration:none
}
a:hover{
text-decoration:underline
}
a:img{
	border:0;
}
h1 { 
	font-size : 24px;
	line-height:28px;
	font-weight : normal;
	padding : 0;
	margin : 0;
} 
h2 {
	font-size:15px;
	margin:3px;
}
h3 {
	font-size:15px;
	margin:3px;
	height:0px;
}
h4 {
	font-size:13px;
	font-weight:bold;
	display:inline;
}
h5 {
	font-size:13px;
	margin:0px;
	display:inline;	

}
h6 {
	font-size:12px;
	font-weight:normal;
	display:inline
}
.clear{
	clear:both;
}

/* ++ HEADER */
#header {
	height:380px;
	margin-left:10px;
}


#logo{
	float:left;
	width:238px;
	height:115px;


}
#top{
float:right;
height:60px;
margin:10px 10px 0 0;
}
#menu{
float:left;
width:586px;

}

#submenu{
background: #D6CC96 url(../images/bg_submenu.gif) center no-repeat;
width:572px;
height:23px;
margin-top:-7px;
}

.top, a.top{
color:#848484;
}
.top:hover{
text-decoration:none
}

#search{
list-style-type:none;
float:left;
margin-top:5px;
}

#search li{
list-style-type:none;
display:inline
}
#search .bg_search{
background: #59A1C8 url(../images/bg_search.gif) center no-repeat;
width:237px;
height:225px;
clear:both
}
.search_form{
display:none
}
#search label {
	display: inline-block;
	cursor: hand;
	width: 80px;
	font-size:11px;
	text-align:left;
	height:30px;
	font-weight:normal
}
#search select{
width:140px;
font-size:10px;
}
#search input{
width:135px;
font-size:10px;
}

#tab_search span a{
visibility:hidden;
text-decoration:none
}
li.tab_search_tour{
	cursor:pointer;
	background:url(../images/v/tour.gif) no-repeat;
	height:28px;
	width:119px;
	float:left
}
li.tab_search_tour:hover{
	background-position: left bottom;
	height:28px;
	text-decoration:none
}
li.tab_search_tour.active{
	cursor:pointer;
	background:url(../images/v/tour.gif) bottom no-repeat;
	height:28px;
	width:119px;
	float:left
}

li.tab_search_hotel{
	cursor:pointer;
	background:url(../images/v/hotel.gif) no-repeat;
	height:28px;
	width:118px;
	float:left
}
li.tab_search_hotel:hover{
	background-position: left bottom;
	height:28px;
	text-decoration:none
}
li.tab_search_hotel.active{
	cursor:pointer;
	background:url(../images/v/hotel.gif) bottom no-repeat;
	height:28px;
	width:118px;
	float:left
}

.hotel_other{
float:left;
width:260px;
padding:10px;
min-height:250px;
max-height:300px;
}

#search-tour, #search-hotel, #search-daytrip{
padding-top:20px;
}
.go{
float:right; margin-right:10px; cursor:pointer;
}
ul#nav span a{
visibility:hidden;
text-decoration:none
}

li.tab_destination{
	cursor:pointer;
	background:url(../images/v/button/destination.gif) no-repeat;
	height:33px;
	width:100px;
	float:left
}
li.tab_destination:hover{
	background-position: left bottom;
	height:33px;
	text-decoration:none
}
li.tab_destination_active{
	cursor:pointer;
	background:url(../images/v/button/destination.gif) bottom no-repeat;
	height:33px;
	width:100px;
	float:left
}

li.tab_tour{
	cursor:pointer;
	background:url(../images/v/button/tour.gif) no-repeat;
	height:33px;
	width:67px;
	float:left
}
li.tab_tour:hover{
	background-position: left bottom;
	height:33px;
	text-decoration:none
}
li.tab_tour_active{
	cursor:pointer;
	background:url(../images/v/button/tour.gif) bottom no-repeat;
	height:33px;
	width:67px;
	float:left
}

li.tab_hotel{
	cursor:pointer;
	background:url(../images/v/button/hotel.gif) no-repeat;
	height:33px;
	width:114px;
	float:left
}
li.tab_hotel:hover{
	background-position: left bottom;
	height:33px;
	text-decoration:none
}

li.tab_hotel_active{
	cursor:pointer;
	background:url(../images/v/button/hotel.gif) bottom no-repeat;
	height:33px;
	width:114px;
	float:left
}

li.tab_otherservice{
	cursor:pointer;
	background:url(../images/v/button/otherservice.gif) no-repeat;
	height:33px;
	width:120px;
	float:left
}
li.tab_otherservice:hover{
	background-position: left bottom;
	height:33px;
	text-decoration:none
}
li.tab_otherservice_active{
	cursor:pointer;
	background:url(../images/v/button/otherservice.gif) bottom no-repeat;
	height:33px;
	width:120px;
	float:left
}

li.tab_daytrip{
	cursor:pointer;
	background:url(../images/v/button/daytrip.gif) no-repeat;
	height:33px;
	width:142px;
	float:left
}
li.tab_daytrip:hover{
	background-position: left bottom;
	height:33px;
	text-decoration:none
}
li.tab_daytrip_active{
	cursor:pointer;
	background:url(../images/v/button/daytrip.gif) bottom no-repeat;
	height:33px;
	width:142px;
	float:left
}

/* -- HEADER */

/* ++ NAV */


#nav{
list-style-type:none;
margin-left:-20px;
}
#nav li{
padding-left:2px;

}


ul#subnav li{
list-style-type:none;
display:inline;
padding-right:25px;
}
.country{
color:#000;
font-weight:bold
}
a.country:hover{
color:#006398;
text-decoration:none
}
/* -- NAV */

/* ++ LEFT */
#left{
	float:left;	
	width:260px;
}
.left{
text-align:left; width:205px; padding-top:13px; clear:both
}
.left_line{
background:#0088FF; 
background: url(../images/left_line.gif) center no-repeat;
width:204px;
height:8px

}

.news{
clear:both;
padding-top:10px;
}
.news img, .brief img, .img {
float: left;
margin-right: 10px;
}
.news a{
color:#5C5C5C;
font-weight:bold

}

ul.faq {
list-style:none;
}
ul.faq li{
height:22px;
list-style-image:url(../images/arrow2.gif);
}
ul.faq li a, .book{
color:#FF7700;
font-weight:bold;

}
/* -- LEFT */

/* SLIDE SHOW*/
.clear {
	clear:both
}

#slideshow {
	position:relative;
	height:223px;
	float:left;
	margin-top:1px;
}
#slideshow a {
	float:left;
	position:absolute;
}

#slideshow a img {
	border:none;
}

#slideshow a.show {
	z-index:500
}

#slideshow .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:40px; 
	width:570px; 
	position:absolute;
	bottom:0;
}

#slideshow .caption .cap h3 {
	margin:0;
	padding:10px;
	color:#1DCCEF;
	text-align:left;
}

/* ++ CONTENT */
#path{
color:#FF7700;
height:30px;
}
.path{
color:#FF7700

}

#content{
	float:left;
	width:560px;
	text-align:justify;
	padding:5px;
	overflow:hidden;
}
.content{
	text-align:justify;
	padding:5px;
	border: #a6c9e2 1px solid;
	color:#717171;
}
.content_line{
	width:560px;
	height:3px;
	background :#275B88;
	background: url(../images/content_line.gif) center repeat-x;
	


}
.nv_title{
	color:#0088FF;
	text-align:left
}

.tour_other{
float:left;
width:265px;
padding-left:15px;
max-height:300px;
}
.tour_other ul{
	list-style:none;
}
.tour_other li{
	color:#717171;
	margin-left:-40px;
}

.tour_name{
	color:#1A3C5A;
	list-style-position:inside
}
.tour_brief{
	color:#717171;
}
.tour_content{
	color:#717171;
	clear:both
}
.gallery{
float:left;
width:230px;
padding:10px 10px;

}
#content-gallery{
height: auto;
overflow-x: hidden;
overflow-y: hidden;
}
.line_1{
clear:both;
border-bottom:#234D96 1px solid;
margin:15px;
}

.more{
	color:#0088FF;
	font-weight:bold
}

#tab-content{
clear:both
}
#tab-content li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#tab-content ul
{
	text-align: left;
	padding: 0;
	margin: 0;
}


#page{
clear:both;
padding:20px;
position:relative;
text-align:center
}
a.page_no {
display:block;
background:url(../images/bg_number.gif) top no-repeat;
width:26px;
height:26px;
text-decoration:none;
margin-right:2px;
color:#000;
font-weight:700;
float:left;
text-align:center;
}

a.page_no:hover {
background-position:bottom;
text-decoration:none;
}

a.page_no_selected {
background:url(../images/bg_number.gif) bottom no-repeat;
width:26px;
height:26px;
text-decoration:none;
font-weight:700;
color:#fff;
float:left;
text-align:center;
margin-right:2px;
}

a.page_next {
display:block;
background:url(../images/next.gif) top no-repeat;
width:24px;
height:24px;
text-decoration:none;
margin-right:2px;
float:left;
}

a.page_previous {
display:block;
background:url(../images/previous.gif) top no-repeat;
width:24px;
height:24px;
text-decoration:none;
margin-right:2px;
float:left;
}

ul.news_other{
list-style:none
}

.see_all, a.see_all:hover{
color:#FF7700;
font-size:11px;
text-decoration:none;
float:right

}
/* -- CONTENT */




/* ++ form */
label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
	font-weight:bold;
	font-size:12px;	
	width: 130px; 
}

#contact p{
	list-style: none;
	padding: 5px;
	margin: 0;
}


.button{
	background-color:#E4E4E0;
	color:#FFFFFF;
	border-style:none;
	cursor:pointer;
	background-image:url(../images/menu_center.gif);
	height:23px;
	min-width:40px;
}
.button:hover{
	background-position: left bottom;
	height:23px;
}


label.error{
	color: #EA5200;
	font-style: italic;
	font-weight:normal;
	margin-left: 7px;
	width: auto;
	display: inline;
}

.textbox{
height:15px;
}
.textarea{
height:140px;
}
.str_error, #str_error{
font-size:12px;
color:#ff0000;
text-align:center
}
/* -- form */
ul#utility {
height:30px;
background-color:#ABBECA;
margin-top:0;
padding-left:10px;
margin-left:0;
}

ul#utility li {
float:left;
list-style-type:none;
color:#464647;
font-weight:700;
text-align:left;
padding-top:7px;
}

ul.utility {
height:10px;
margin-left:0;
padding-left:10px;
}

ul.utility li {
float:left;
list-style-type:none;
list-style-position:outside;
text-align:left;
font-size:11px;
border:0;
border-bottom:1px dotted #CCC;
margin:0;
}

/* ++ FOOTER */
#footer{
	clear:both;
	padding-top:30px;
	height:200px;	
}
#foot_line{
height:4px;
width:90%;
background: url(../images/bg_footmenu.gif) bottom center repeat-x;
}
#footmenu span a{
color:#275B88;
display:inline;
padding:8px;
}

#copyright{
	float:left;
	color:#717171;
	text-align:left

}
#copyright a{
	text-decoration:underline;
	color:#275B88;
	display:inline;
}
#pay{
clear:both
}
/* -- FOOTER */





